<template>
  <div class="login-container">
    <van-nav-bar
      title="个人资料"
      left-text="返回"
      left-arrow
      @click-left="$router.push('/my')"
      class="header"
    />
    <div>
      <van-cell-group>
        <van-cell is-link title="头像">
          <div slot="default">
            <van-image
              round
              width="30px"
              height="30px"
              fit="cover"
              src="https://img01.yzcdn.cn/vant/cat.jpeg"
            />
          </div>
        </van-cell>
        <van-cell title="昵称" is-link value="admin" />
        <van-cell title="手机号" is-link value="13777777777" />
        <van-cell title="性别" is-link value="傻妞" />
        <van-cell title="出生年月" is-link value="2060-7-14" />
        <van-cell title="家庭住址" is-link label="中国" />
        <van-cell title="个性留言" is-link label="留恋的忘却" />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  name: "MyZiLiaoIndex",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.login-container {
  .header {
    background-color: rgb(81, 158, 247);
  }
  /deep/ .van-nav-bar__title {
    color: #fff !important;
  }
  /deep/ .van-nav-bar__left span {
    color: #fff !important;
  }
  /deep/ .van-nav-bar .van-icon {
    color: #fff !important;
  }
}
</style>
